<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://xmlns.jcp.org/jsf/html" xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core" xmlns:p="http://primefaces.org/ui" xmlns:c="http://java.sun.com/jsp/jstl/core">

<h:head>
	<!-- header for both offer pages -->
</h:head>

<h:body>

	<div class="row-fluid">
		<div class="col-sm-12">

			<div class="col-sm-4" style="text-align: left">
				<h1>Angebot</h1> 
			</div>
			
			<div class="col-sm-4" style="text-align: center">
				<h2>Trefferanzahl: #{productContainer.products.size()}</h2> 
			</div>

			<div class="col-sm-4">
				<h:form>
					<br />
					<div class="pull-right">
						<div class="btn-group">
							<button data-toggle="dropdown" class="btn btn-primary btn-sm dropdown-toggle">
								Ansicht<span class="caret"></span>
							</button>
							<ul class="dropdown-menu">
								<li><h:commandLink value="Liste" action="#{productContainer.setValue(1,0,4,4)}" /></li>
								<li><h:commandLink value="Kacheln" action="#{productContainer.setValue(1,0,12,12)}" /></li>
							</ul>
						</div>
					</div>
				</h:form>
			</div>

		</div>
	</div>

</h:body>
</html>
